import {View,Pressable,StyleSheet} from "react-native";
import MaterialIcons from "@expo/vector-icons/MaterialIcons";

export default function CircleButton({onPress}) {
  return (
    <View style={styles.circleButtonContainer}>
      <Pressable style={styles.cirCleButton}>
        <MaterialIcons name="add" size={38} onPress={onPress} color="#fff"/>
      </Pressable>
    </View>
  )
}

const styles = StyleSheet.create({
  circleButtonContainer:{
    width: 84,
    height: 84,
    marginHorizontal: 60,
    borderWidth: 4,
    borderColor: '#ffd33d',
    borderRadius: 42,
    padding:  3,
  },
  cirCleButton: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    borderRadius: 42,
    borderBlockColor: '#fff',
  },
});
